<section class="main-home">
	<div class="page-separator">
		<div class="container">
			<ol class="breadcrumb hidden-xs">
				<li><a href="?page=trang-chu">Trang chủ</a></li>
				<li><a href="?page=cong-trinh">Công trình</a></li>
				<li class="active">Tên công trình</li>
			</ol>
		</div>
	</div>
	<div class="container">
		<header class="page-header">
			<h3>TÊN CÔNG TRÌNH</h3>
		</header>
		<div class="content-body">
			<div class="row">
				<div class="col-xs-12 col-sm-9">
					<div class="building-detail">
						<div id="building-slider" class="carousel slide carousel-fade" data-ride="carousel">
						    <!-- <ol class="carousel-indicators">
						        <li data-target="#building-slider" data-slide-to="0" class=""></li>
						        <li data-target="#building-slider" data-slide-to="1" class="active"></li>
						    </ol> -->
						    <div class="carousel-inner">
						    	<div class="item">
						    		<a href=""><img src="images/s_1.png" alt=""></a>
						    		<div class="carousel-caption">
						    			Hoàn thành dự án PCCC mới cho Tập đoàn Đất Xanh dự án chung cư thế hệ mới
					                </div>
						    	</div>
						    	<div class="item active">
						    		<a href=""><img src="images/s_2.png" alt=""></a>
						    		<div class="carousel-caption">
						    			Hoàn thành dự án PCCC mới cho Tập đoàn Đất Xanh dự án chung cư thế hệ mới
					                </div>
						    	</div>
						    </div>
						    <a class="left carousel-control" href="#building-slider" data-slide="prev"><span class="fa fa-arrow-circle-o-left"></span></a>
						    <a class="right carousel-control" href="#building-slider" data-slide="next"><span class="fa fa-arrow-circle-o-right"></span></a>
						</div>
						<div class="building-intro">
							<p><b>nội dung thay đổi khi quản trị</b></p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui laboriosam, corrupti non laudantium nesciunt culpa architecto fugiat esse, ipsam rem repudiandae dolor incidunt, minus! Quis at delectus veniam aliquid magni.</p>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-3">
					<div class="content blue">
						<header class="content-header">
							<h3>Công trình khác</h3>
						</header>
						<div class="content-body">
							<?php
							for ($i=1; $i < 5; $i++) {
								?>
								<div class="product-item">
									<div class="cover">
										<a href="?page=chi-tiet-san-pham"><img src="images/p_<?=$i?>.png" alt=""></a>
									</div>
									<h5><a href="?page=chi-tiet-san-pham">Tên công trình</a></h5>
								</div>
								<?php
							}
							?>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<script type="text/javascript" src="js/elevatezoom-master/jquery.elevatezoom.js"></script>
<script type="text/javascript" src="js/detail.js"></script>